.form_title {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  h3 {
    font-weight: 600;
    color: #ffffff;
    font-size: 20px;
    margin-right: 10px;
  }
  p {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
  }
}
.seat {
  color: #ffff;
  ul li {
    padding: 0 5px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    span {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      margin: 0 5px;
      display: block;
    }
    .seat1 {
      background: #3573e5;
    }
    .seat2 {
      background: #f47c59;
    }
    .seat3 {
      background: #48d4c4;
    }
    .seatnone {
      background: #ccc;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      margin: 0 5px;
      display: block;
    }
  }
  li:active {
    color: #ccc;
  }
}

//图表内容
.main_chart {
  flex-grow: 1;
  flex-basis: 0;
  overflow: hidden;
  .chart_content {
    flex-grow: 1;
    flex-basis: 0;
    overflow: hidden;
    .chart_view {
      flex-grow: 1;
      flex-basis: 0;
      border: 1px solid;
      overflow: hidden;
      box-shadow: #192532 0px 0px 30px 5px inset;
      border-image: linear-gradient(
          135deg,
          rgba(57, 159, 249, 1),
          rgba(57, 159, 249, 0),
          rgba(57, 159, 249, 0),
          rgba(57, 159, 249, 0)
        )
        1 1;
      // 标题内容
      .chart_title {
        max-height: 35px;

        padding: 5px 5px;
        overflow: hidden;
        // 选择列按钮样式
        ::v-deep.el-radio-button__inner {
          background: #0b0b0c;
          border: none;
          margin-left: 2px;
        }
        ::v-deep.el-radio-button__orig-radio:checked + .el-radio-button__inner {
          border: 1px solid #1c9ee0;
          // border-color: #1c9ee0;
          color: #1c9ee0;
          font-weight: 600;
        }
      }
      .web_chart {
        flex-grow: 1;
        flex-basis: 0;
        .average_chart {
          // padding: 15px 0;
          flex: 1;
          li {
            flex: 1;
            .linDiv {
              height: 12px;
              width: 100%;
              background-color: #1e2b36;
              border-radius: 2px;
              margin: 5px 0;
              .linDiv_content {
                height: 100%;
                border-radius: 2px;
                background: #1a9cfe;
              }
            }
            font-size: 14px;
            color: #ffffff;
            span {
              font-weight: 400;
              font-size: 16px;
              color: #ffffff;
              width: 100%;
              i {
                font-style: normal;
                font-size: 25px;
                font-weight: 600;
                color: #6cc0ff;
              }
            }
          }
        }
      }
    }
  }
}
